<!doctype html>
<html lang="en">
	<head>

		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">

		<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
		
		<link href="../static/css/buttons.css" rel="stylesheet">

		<title>读 - 棉花糖</title>
	</head>
	<body class="body">

        <div class="modal fade" id="first" data-bs-backdrop="true" data-bs-keyboard="false" data-bs- tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="noticetitle">这是第一条留言</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        这已经是第一条留言了！前面没有了
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">关闭</button>
                    </div>
                </div>
            </div>
        </div>

        <div class="modal fade" id="final" data-bs-backdrop="true" data-bs-keyboard="false" data-bs- tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="noticetitle">这是最后一条留言</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        这已经是最后一条留言了！后面没有了
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">关闭</button>
                    </div>
                </div>
            </div>
        </div>

		<div id="main">
			<div>
				<nav class="navbar navbar-expand-md navbar-dark bg-dark">
					<div class="container-fluid">
						<span class="navbar-brand m-1 mb-0 h1">
							<a href="../" class="m-1" style="text-decoration: none; color: inherit;">读 - 棉花糖</a>
						</span>
                        <a href="../" type="button" class="btn btn-outline-success col-1">提交棉花糖</a>
					</div>
				</nav>
				<div class="container" style="text-align: center;">
					<div class="row">
						<div class="col-12">
							<div class="card shadow-lg my-3" style="background: rgba(255, 255, 255, 0.9);">
								<div class="card-body">

                                    <div class="my-3" style="text-align: left;">
                                        <h3>棉花糖ID：<span id="mhtid"></span></h3>
                                    </div>

									<div class="input-group">
										<textarea class="form-control overflow-auto" rows=15 maxlength="300" id="lrtotoe" disabled></textarea>
										<!--I Love You 3000 Times-->
									</div>
                                    <div class="my-3">
                                        <button type="button" class="button button-glow button-border button-rounded button-primary my-1 col-sm-3 col-5 shadow" onclick="back()">
                                        上一个
                                        </button>
                                        <button type="button" class="button button-glow button-border button-rounded button-primary my-1 col-sm-3 col-5 shadow" onclick="next()">
                                        下一个
                                        </button>
                                    </div>
                                </div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>

        <script src="../static/js/read.js"></script>
        
		<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script>
	</body>
</html>